<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>MyBlog | 账户报表</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../../static/build/css/app.min.css" th:href="${#fn.getStaticFile('/build/css/app.min.css')}">
    <link rel="stylesheet" href="../../static/dist/css/common.css" th:href="${#fn.getStaticFile('/dist/css/common.css')}">
    <script src="../../static/build/js/app.min.js" th:src="${#fn.getStaticFile('/build/js/app.min.js')}"></script>
    <script src="../../static/dist/js/common.js" th:src="${#fn.getStaticFile('/dist/js/common.js')}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".dataTable").DataTable();
        })
    </script>
</head>
<body class="hold-transition skin-blue sidebar-mini " th:classappend="${#session.getAttribute('sidebarClass')}" th:with="pageCode='accountReport'">
<div class="wrapper">
    <div th:replace="fragment/layout :: header"></div>
    <div th:replace="fragment/layout :: menu(activePageCode=${pageCode})"></div>
    <div class="content-wrapper">
        <section class="content">
            <ul th:replace="fragment/menuTab :: menuTab(activePageCode=${pageCode})"></ul>
            <div class="panel panel-info">
                <div class="pageable-table" data-search-form="#search-form" style="margin: 20px">
                    <table class=" table table-bordered table-striped dataTable">
                        <thead>
                        <tr role="row">
                            <th>登录名</th>
                            <th>部门</th>
                            <th>账套</th>
                            <th>权限</th>
                            <th>创建人</th>
                            <th>最后修改时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="account:${accountList}">
                            <td th:text="${account.loginName}">SA</td>
                            <td th:text="${#fn.getDepartment(account.departmentId).name}"></td>
                            <td th:text="${account.companies}"></td>
                            <td>
                                <th:block th:each="role :${#fn.getRoles(account.id)}">
                                    <span th:text="${role.name}"></span>&nbsp;
                                </th:block>
                            </td>
                            <td th:text="${#fn.getAccount(account.createdBy).loginName}">SA</td>
                            <td th:text="${#fn.formatLocalDateTime(account.lastModifiedDate)}">2012-10-22</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </section>
    </div>
    <div th:replace="fragment/layout :: footer"></div>
</div>
</body>
</html>